<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Project</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="lib/fxsupport.js"></script>
<script type="text/javascript" src="lib/jquery-1.8.3.js"></script>
<script type="text/javascript" src="lib/JSResource.js"></script>
<script type="text/javascript" src="lib/urlpara.js"></script>
<!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* 此 1px 负边距可以放置在此布局中的任何列中，且具有相同的校正效果。 */
ul.nav a { zoom: 1; }  /* 缩放属性将为 IE 提供其需要的 hasLayout 触发器，用于校正链接之间的额外空白 */
</style>
<![endif]-->
</head>

<body>

	<div class="container">
		<div class="header">
			<a href="#"><img src="logo.jpg" alt="在此处插入徽标" name="Insert_logo"
				width="20%" height="90" id="Insert_logo"
				style="background-color: #8090AB; display:block;" /> </a>
			<!-- end .header -->
		</div>
		<div class="sidebar1">
			<ul class="nav">
				<li><a href="home.jsp">Department Home</a></li>
				<li><a href="contributorlist.htm">Contributor List</a></li>
				<li><a href="memberlist.htm">Member List</a></li>
			</ul>
			<!-- end .sidebar1 -->
		</div>
		<div class="content">
			<h1 id="title">Project</h1>
			<p id="name">Name</p>
			<p id="start">Start</p>
			<p id="end">End</p>
			<h4>Members</h4>
			<table width="95%" border="1" align="center" cellpadding="0"
				cellspacing="0" id="members">
				<tr>
					<th scope="col">id</th>
					<th scope="col">name</th>
					<th scope="col">operation</th>
				</tr>
				<tr>
					<td colspan="3" align="right"><a id="addm" href="#">add</a></td>
				</tr>
			</table>
			<h4>Contracts</h4>
			<table width="95%" border="1" align="center" cellpadding="0"
				cellspacing="0" id="contracts">
				<tr>
					<th scope="col">id</th>
					<th scope="col">description</th>
					<th scope="col">time</th>
					<th scope="col">amount</th>
					<th scope="col">operation</th>
				</tr>
				<tr>
					<td colspan="5" align="right" scope="col"><a id="addc"
						href="#">add</a>
					</td>
				</tr>
			</table>
			<!-- end .content -->
		</div>
		<div class="footer">
			<!-- end .footer -->
		</div>
		<!-- end .container -->
	</div>
	<script type="text/javascript">
		var id = getParamFromURL("id");
		resource
				.GET(
						"contract/project/" + id,
						function() {
							document.getElementById("title").innerHTML = "Project No."
									+ id;
							document.getElementById("name").innerHTML = "Name: "
									+ resource.getColumnValue("name");
							document.getElementById("start").innerHTML = "Start: "
									+ resource.getColumnValue("start");
							document.getElementById("end").innerHTML = "End: "
									+ resource.getColumnValue("end");
							document.getElementById("addm").href = "addProjectMember.htm?id="
									+ id;
							document.getElementById("addc").href = "addContract.htm?projectId="
									+ id;
							for ( var i = resource.getChildren().length - 1; i >= 0; i--) {
								var childres = resource.getChildren()[i]
										.getChildren()[0];
								if (childres.getURI().indexOf("member") != -1) {
									var memberId = childres
											.getColumnValue("primarykey");
									var row = document
											.getElementById("members")
											.insertRow(1);
									row.align = "center";
									row.innerHTML = "<td>"
											+ memberId
											+ "</td><td>"
											+ childres.getColumnValue("name")
											+ "</td><td><a href=\"addMember.htm?id="
											+ memberId
											+ "\">edit</a> <a class=\"deletelink\" onClick=\"deleteMember("
											+ id
											+ ","
											+ memberId
											+ ",reloadCurrent)\">delete</a></td>";
								} else if (childres.getURI()
										.indexOf("contract") != -1) {
									var contractId = childres
											.getColumnValue("primarykey");
									var row = document.getElementById(
											"contracts").insertRow(1);
									row.align = "center";
									row.innerHTML = "<td><a href=\"contract.htm?id="
											+ contractId
											+ "\">"
											+ contractId
											+ "</a></td><td><a href=\"contract.htm?id="
											+ contractId
											+ "\">"
											+ childres
													.getColumnValue("description")
											+ "</a></td><td>"
											+ childres.getColumnValue("time")
											+ "</td><td>"
											+ childres.getColumnValue("amount")
											+ "</td><td><a href=\"addContract.htm?id="
											+ contractId
											+ "\">edit</a> <a class=\"deletelink\" onClick=\"deleteContract("
											+ id
											+ ","
											+ contractId
											+ ",reloadCurrent)\">delete</a></td>";
								}
							}
						});
	</script>
</body>
</html>
